body {
	background-image: url(../images/background.png);
}

table {
	background-color: white;
}

hr {
       border: none;
       height: 1px;
       line-height: 1px;
       background: #CCC;
       margin-bottom: 20px;
       padding: 0;
}

p {
       margin: 0;
       padding: 7px 0;
}

.menu {
       height: 45px;
       display: block;
}

.menu ul {
       list-style: none;
       padding: 0;
       margin: 0;
}

.menu ul li { /* width and height of the menu items */
       float: left;
       overflow: hidden;
       position: relative;
       text-align: center;
       line-height: 35px;
}

.menu ul li a { /* must be postioned relative  */
       position: relative;
       display: block;
       width: 120px;
       height: 45px;
       font-family: Arial;
       font-size: 11px;
       font-weight: bold;
       letter-spacing: 1px;
       text-transform: uppercase;
       text-decoration: none;
       cursor: pointer;
}

.menu ul li a span { /* all layers will be absolute positioned */
       position: absolute;
       left: 0;
       width: 120px;
}

.menu ul li a span.out {
       top: 0px;
}

.menu ul li a span.over,.menu ul li a span.bg { /* hide */
       top: -55px;
}

/** 1st example **/
#menu {
       display: block;
}

#menu ul li {
       height: 35px;
       padding: 5px 0;
}

#menu ul li a {
       color: #FFF;
       height: 35px;
}

#menu ul li a span.over {
       color: #CC0000;
}

#menu ul li span.bg { /* height of the menu items */
       height: 35px; /*altura del fondo del menu que se baja y sube*/
       background-color: #FFF;
       border-radius: 8px;
}